<div class="mobile-menu-area d-block d-lg-none d-md-block">
            <div class="col-md-7">
                <div class="mobile-menu">
                    <nav id="dropdown">
                        <?php 
                            wp_nav_menu( array(
        'theme_location' => 'header-menu',
        'depth' => 2,
        'container' => false,
        'menu_class' => 'nav navbar-nav',
        'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
        'walker' => ''
        )
        ); ?>
                    </nav>
                </div>
            </div>
            <span class="minilogo"><img class="img-fluid" id="logo_basic2" src="
                                <?php 
                                echo $ifan_option['logo_mini_basic']['url'];
                                ?>
                                " alt=""></span>
        </div>


        <style>
        .mobile-menu-area{
            position: relative;
        }
span.minilogo {
    display: inline-block;
    left: 15px;
    top: 4px;
    /* transform: translate3d(0%,-50%,0); */
    z-index: 999;
    float: left;
    position: absolute;

}
    span.minilogo img{
        max-width: 200px;
        max-height: 45px;
        background-color: #fff

    }
</style>
        <?php 
	// var_dump($ifan_option['main-color-rgba']);
	$main_color=$ifan_option['main-color-rgba']['rgba'];

      echo '<style>

    .mean-container a.meanmenu-reveal span {

        background:'.$main_color .';
    }
    .mean-container a.meanmenu-reveal {

    color: '.$main_color .';

}

      </style>
      '; 
  ?>
       
